<!--
 * @Author: songliuyang@58.com
 * @Date: 2021-12-16 13:55:56
 * @LastEditors: {userName}
 * @LastEditTime: 2021-12-16 14:43:54
-->
<template lang="pug">
.contain(:style="{height: h+'px'}")
  iframe(class="frame" :src="url")
</template>
<script>
// import deviceType from "../utils/browser";
export default {
  name: 'MyIframe',
  data () {
    return {
      url: 'https://muses.jxedt.com/dist/jxedt/vue-wx/active/index.html',
      h: 0
    }
  },
  computed: {},
  mounted () {
    this.h =
      window.innerHeight ||
      document.documentElement.clientHeight ||
      document.body.clientHeight
  },
  methods: {
  }
}
</script>

<style lang="scss" scoped>
.contain {
  -webkit-overflow-scrolling: touch;
  box-sizing: border-box;
  width: 100%;
  background: white;
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
  align-items: center;
}
.frame {
  width: 100%;
  height: 100%;
  border: none;
}
</style>
